	.container {
		position: fixed; /* 或者 absolute */
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
	}

	.search-bar {
	  display: flex;
	  align-items: center;
	  position: absolute;
	  top: 66px;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 90%;
	  max-width: 500px;
	  background-color: #fff;
	  border-radius: 20px;
	  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	  padding: 8px;
	  z-index: 1000;
	}
	
	.search-icon,
	.close-icon {
	  width: 24px; /* 控制图标的大小 */
	  height: 24px;
	}
	
	.search-input {
	  flex: 1;
	  border: none;
	  outline: none;
	  margin: 0 10px; /* 控制输入框与图标的间距 */
	}
	
	.close-icon {
	  margin-left: 10px; /* 控制关闭图标与输入框的间距 */
	}

	.map {
	  width: 100%;
	  position: absolute;
	}

	.wrapperBox {
		position: relative;
		width: 100vw;
		height: 100vh;
		z-index: 1;
	}

	#wrapper {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	.location-details {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		background-color: #fff;
		/* 或者可以设置为半透明 */
		z-index: 100;
	}
	.bottom-card {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  padding: 10px;
	  background-color: #fff;
	  z-index: 1000;
	}
	.bottom-card-content {
	  padding: 10px;
	  border-radius: 6px;
	  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}
	.location-title {
	  font-size: 18px;
	  font-weight: bold;
	}
	.my-location-button {
	  position: absolute;
	  /* 水平方向保持在右侧一定距离 */
	  right: 20px;  /* 与右侧的距离 */
	  /* 垂直方向居中 */
	  top: 50%; /* 定位到垂直中心 */
	  transform: translateY(-50%); /* 向上平移自身高度的一半 */
	  
	  width: 40px;  /* 按钮宽度 */
	  height: 40px; /* 按钮高度 */
	  background-color: #fff; /* 按钮背景色 */
	  border-radius: 25px; /* 圆形按钮 */
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* 阴影效果 */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  z-index: 1000; /* 确保按钮位于地图控件之上 */
	}
	
	.my-location-button image {
	  width: 24px; /* 图标宽度 */
	  height: 24px; /* 图标高度 */
	}